<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>exp_3</title>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/Fixed-navbar-starting-with-transparency-1.css">
    <link rel="stylesheet" href="assets/css/Fixed-navbar-starting-with-transparency.css">
    <link rel="stylesheet" href="assets/css/Article-List.css">
    <link rel="stylesheet" href="assets/css/Highlight-Phone.css">
    <link rel="stylesheet" href="assets/css/styles.css">
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script src="assets/js/main.js"></script>
</head>

<body>
    <nav class="navbar navbar-light navbar-expand-lg sticky-top navbar-transparency" style="background: #ffffff;">
        <div class="container"><img src="assets/img/logo.svg" style="width: 240px;">
            <div class="collapse navbar-collapse" id="navcol-1">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item"><a class="nav-link" href="#">Features</a></li>
                    <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">Integrations&nbsp;</a>
                        <div class="dropdown-menu"><a class="dropdown-item" href="#">About Integrations</a><a class="dropdown-item" href="#">Hubspot</a><a class="dropdown-item" href="#">Salesforce</a><a class="dropdown-item" href="#">Microsoft Dynamics</a><a class="dropdown-item" href="#">Zoho</a></div>
                    </li>
                    <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">Solutions</a>
                        <div class="dropdown-menu"><a class="dropdown-item" href="#">Use Cases</a><a class="dropdown-item" href="#">Customers</a></div>
                    </li>
                    <li class="nav-item"><a class="nav-link" href="#">Pricing</a></li>
                    <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">Learn&nbsp;</a>
                        <div class="dropdown-menu"><a class="dropdown-item" href="#">Support&nbsp;</a><a class="dropdown-item" href="#">Blog</a><a class="dropdown-item" href="#">eBooks</a><a class="dropdown-item" href="#">About</a><a class="dropdown-item" href="#">Webinars</a></div>
                    </li>
                    <li class="nav-item"><a class="nav-link" href="#">Log In</a></li>
                </ul><button class="btn btn-primary" type="button">Try it free</button>
            </div><button data-bs-target="#navcol-1" data-bs-toggle="collapse" class="navbar-toggler"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
        </div>
    </nav>
    <div class="d-xxl-flex"><img class="img-fluid" src="assets/img/blog-cover.png"></div>
    <section class="highlight-phone">
        <div class="container">
            <div class="row">
                <div class="col-md-8"><img class="img-fluid" src="assets/img/Why-the-Best-Sales-Rep-Onboarding-Includes-Training-on-Tech-Skills--And-How-to-Do-It-.png"></div>
                <div class="col-sm-4">
                    <h2>Why the Best Sales Rep Onboarding Includes Training on Tech Skills [And How to Do It]</h2>
                    <p>The best sales onboarding gets your reps comfortable with everything they will need to be effective in their sales roles. This should include training on the skills and knowledge they will need to fully utilize valuable sales technology.</p><a class="btn btn-primary" role="button" href="#">read more</a>
                </div>
            </div>
        </div>
    </section>
<!--    使用vue进行数据填充-->
    <div class="row g-2 gy-md-3 app" id="info">
        <div class="border p-2 col-xl-4 col-md-6" style="height: 100%;" v-for="value in info">
            <div class="row">
                <div>
                    <img :src="value.src" alt="1" height="100%" width="100%">
                </div>
                <div>
                    <h3 style="text-align: center">{{value.title}}</h3>
                    <p style="text-align: center">{{value.content}}</p>
                </div>
            </div>
        </div>
    </div>
<!--    vue代码-->
    <script>
        new Vue({
            el:"#info",
            data: {
                info:[
                    {
                        "title":"The Best Alternatives to Salesforce Maps (aka MapAnything)",
                        "content":"The Salesforce Maps platform can be great for inside sales leaders. But, its capabilities are somewhat limited for field sales reps. These popular alternatives to Salesforce Maps can enable your team to be more productive and effective than ever.",
                        "src":"assets/img/0.png"
                    },
                    {
                        "title":"Sales Contests for Field Sales Reps [Step by Step instructions for teams on the Road]",
                        "content":"Sales contests can provide valuable motivation and improve engagement in your team that align with the overall company goals. This comprehensive guide and step-by-step instructions will help create sales spiff and contest ideas that translate well in the world of field sales.",
                        "src":"assets/img/1.png"
                    },
                    {
                        "title":"How To Upgrade Your Field Sales Team Management In 2021",
                        "content":"Sales leaders can enable their team to consistently meet and exceed their sales goals. Utilizing the power of data will help level up all areas of management efforts and empower the team to be more successful.",
                        "src":"assets/img/2.jpg"
                    },
                    {
                        "title":"Sales Follow-Ups: Why Your Team Is Doing It Wrong [And How To Do Them Effectively]",
                        "content":"Not all prospects are going to close on the first contact. Sales follow-ups help keep lines of communication open and active for future opportunities. Automating your team’s sales follow-up processes will help elevate prospect engagement and customer relationships to close more deals.",
                        "src":"assets/img/3.png"
                    },
                    {
                        "title":"9 Habits to Become a Better Field Salesperson",
                        "content":"Incorporate these valuable habits to significantly boost your sales career to new heights. You can be standing with the top sales professionals, too.",
                        "src":"assets/img/4.png"
                    },
                    {
                        "title":"How to Create a First Class Team of Medical Device Sales Reps in 2021",
                        "content":"Cracking the code to build the most effective medical device sales team doesn’t have to be extremely difficult. You can inspire a team of reps who meet and exceed sales objectives with the right training, planning, technology, communication and collaboration.",
                        "src":"assets/img/5.png"
                    }
                ]
            }
        })
    </script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="assets/js/Fixed-navbar-starting-with-transparency.js"></script>
</body>

</html>